<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="../templates/principal.xhtml">

    <ui:define name="content" id="content">
        <h1 class="title ui-widget-header ui-corner-all">Bem Vindo ao Relatório do Livro de Registro de Ações</h1>

        <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>

        <p:dialog modal="true" widgetVar="statusDialog" header="Aguarde ... Processando ..." draggable="false" closable="false">
            <p:graphicImage value="/design/ajaxloadingbar.gif" />
        </p:dialog>

        <h:form id="frmRelAcionista" prependId="false">
            <div id="limites">
                <div id="conteudo">
                    <p:panel id="panel" header="Impressão Relatório do Livro de Registro de Ações" style="text-align: center">
                        <div align="center">
                            <h:panelGrid id="display" columns="2" style="margin-bottom:50px" cellpadding="5" columnClasses="coluna1, coluna2">
                                <h:outputText value="Livro:" />
                                <h:panelGrid id="gridLivro" columns="2">
                                    <p:inputText id="inLivro" value="#{relatorioLivroBean.selectedLivro.numLivro}" readonly="true" required="true" style="width:50px; font-weight:bold;" />
                                    <p:commandButton image="ui-icon ui-icon-search" title="Pesquisar Livro" onclick="livroDialog.show()" />
                                </h:panelGrid>

                                <p:commandButton value="Gerar Livro" update="messages" actionListener="#{relatorioLivroBean.gerarLivro}" rendered="#{relatorioLivroBean.gera}" />

                                <p:commandButton value="Imprimir Livro" update="messages" onclick="submitform('#{request.contextPath}/relatorio','livro')" />

                                <h:inputHidden id="idLivro" value="#{relatorioLivroBean.selectedLivro.idLivro}"  />
                                <h:inputHidden id="idLivro2" value="#{relatorioLivroBean.selectedLivro.idLivro}" />
                            </h:panelGrid>
                            <div id="conexao" name="conexao" style="visibility:hidden" align="center">
                                <p:fieldset legend="Aguarde ...">
                                    <img src="images/comunicacao.gif" width="200" height="100" alt="comunicacao"/>
                                </p:fieldset>
                            </div>
                        </div>
                    </p:panel>
                </div>
            </div>
            <!-- PESQUISA LIVRO -->
            <p:dialog id="livroAnotacao" header="Pesquisa Livro" widgetVar="livroDialog" resizable="true"
                      width="800" showEffect="explode" hideEffect="explode" position="'right',30">

                <p:dataTable id="tabLivro" widgetVar="wtabLivro" var="livro" value="#{livroBean.lazyModel}" paginator="true" rows="5" lazy="true"
                             emptyMessage="Nenhum Registro Retornado ..." rowSelectListener="#{relatorioLivroBean.verificaLivro}"
                             selection="#{relatorioLivroBean.selectedLivro}" selectionMode="single"
                             onRowSelectComplete="livroDialog.hide()" onRowSelectUpdate="panel">

                    <f:facet name="header">
                        Selecione uma linha e clique para Seleção
                    </f:facet>

                    <p:column headerText="Numero" sortBy="#{livro.numLivro}" filterBy="#{livro.numLivro}">
                        <h:outputText value="#{livro.numLivro}" />
                    </p:column>

                    <p:column headerText="Data Abertura" filterBy="#{livro.datAbertura}" sortBy="#{livro.datAbertura}" style="text-align: center;">
                        <h:outputText value="#{livro.datAbertura}">
                            <f:convertDateTime type="date" dateStyle="short" pattern="dd/MM/yyyy"/>
                        </h:outputText>
                    </p:column>

                    <p:column headerText="Data Fechamento" filterBy="#{livro.datFechamento}" sortBy="#{livro.datFechamento}" style="text-align: center;">
                        <h:outputText value="#{livro.datFechamento}">
                            <f:convertDateTime type="date" dateStyle="short" pattern="dd/MM/yyyy"/>
                        </h:outputText>
                    </p:column>
                </p:dataTable>

            </p:dialog>


        </h:form>
    </ui:define>
</ui:composition>